html {
    zoom: 100%;
}

/* Common Part */

.container {
    background-color: inherit;
    overflow-y: hidden;
}

.v2-group {
    background: linear-gradient(to right, #26b1f9, #26b1f9) left top no-repeat, linear-gradient(to bottom, #26b1f9, #26b1f9) left top no-repeat, linear-gradient(to left, #26b1f9, #26b1f9) right bottom no-repeat, linear-gradient(to top, #26b1f9, #26b1f9) right bottom no-repeat;
    background-size: 2px 30px, 12px 2px, 2px 12px, 12px 2px;
    border: none;
}

.v2-group .ptitle {
    text-indent: 1em;
    background: url(../v2/images/ptitlebg.png) no-repeat left 0.5em;
    font-size: 20px;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #2d4571;
}

.v2-group .ptitle .cliptext {
    font-size: 20px;
    font-weight: 600;
}

.v2-group .ptitle .titlebtn {
    width: 160px;
    float: right;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    user-select: none;
    text-indent: 0px;
    padding: 0px 10px;
    text-align: center;
    margin-right: 20px;
    background: url(../v2/images/titlebtnbg.png) no-repeat;
    height: 36px;
    line-height: 36px;
    position: relative;
}

/* Table */

.el-table, .el-table__expanded-cell, .el-table tr, .el-table th {
    background-color: transparent !important;
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background-color: #081b4b !important;
}

.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
    border: none !important;
}

.el-table--border, .el-table--group {
    border: 1px solid #092c50 !important;
}

.el-table--border::after, .el-table--group::after, .el-table::before {
    background-color: inherit !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td{
    background-color: #0c3367 !important;
}

.el-tag.el-tag--success {
    border: 1px solid #4af067 !important;
    border-radius: 5px;
    padding: 3px 10px;
    color: #4af067 !important;
    background-color: #072b0d !important;
    font-size: 16px;
    height: 29px;
}

.el-tag.el-tag--danger {
    border: 1px solid #df4d50 !important;
    border-radius: 5px;
    padding: 3px 10px;
    color: #df4d50 !important;
    background-color: #3c1313 !important;
    font-size: 16px;
    height: 29px;
}

.error-page .el-button {
    height: 50px !important;
}

.error-page .error-code span {
    font-size: 248px;
}

.el-button--primary {
    width: 200px;
    height: 40px;
    line-height: 38px;
    background: linear-gradient(to right, #2065ce, #3c7dde) !important;
    border: 1px solid #26b1f9 !important;
    border-radius: 5px;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li {
    border: 1px solid #26b1f9;
    box-shadow: inset 0px 0px 15px 3px #105da4;
    background-color: transparent !important;
}

.el-pagination.is-background .el-pager li {
    color: #666 !important;
}

.el-pagination.is-background .el-pager li.active {
    color: #fff !important;
}

.el-pagination.is-background .btn-prev:hover, .el-pagination.is-background .btn-next:hover, .el-pagination.is-background .el-pager li:hover {
    background: #26b1f9 !important;
    color: #fff;
    box-shadow: 0 0 5px #26b1f9, 0 0 25px #26b1f9;
}

.el-pagination__total {
    color: #d5f0ff !important;
}

.el-pagination__sizes .el-input__inner {
    height: 30px !important;
}

/* Crumbs */

.crumbs {
    padding: 20px;
    border: 1px solid #0af;
    border-image: linear-gradient(to right, #0af, #0af, #112e5d) 1;
    position: relative;
    background: linear-gradient(to right, #092c50, #092c50, transparent);
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: #fff !important;
}

.handle-box {
    display: flex;
}

/* Input */

.el-input__inner {
    background-color: #12336a !important;
    color: #d5f0ff !important;
    border: 1px solid #16477c !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 16px !important;
}

.el-select-dropdown {
    background-color: #12336a !important;
    border: 1px solid #333 !important;
    border-radius: 5px !important;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #0af !important;
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #333 !important;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #12336a !important;
}

.el-button--success.is-plain {
    background-color: #67C23A !important;
    height: 40px;
}

.el-textarea__inner {
    background-color: transparent !important;
    border: none !important;
    color: white !important;
}

/* Time */

.el-range-editor--small .el-range-input {
    background-color: #16477c;
}

.el-picker-panel {
    background-color: #16477c !important;
}

.el-picker-panel, .el-date-range-picker__content.is-left, .el-date-range-picker__time-header, .el-date-table th, .el-picker-panel__footer, .el-picker-panel__footer .el-button.el-picker-panel__link-btn.el-button--default.el-button--mini.is-plain {
    border-color: #0af !important;
}

.el-picker-panel__footer {
    background-color: #16477c !important;
}

.el-picker-panel__footer .el-button.el-picker-panel__link-btn.el-button--default.el-button--mini.is-plain {
    background: linear-gradient(to right, #2065ce, #3c7dde) !important;
    color: #fff;
}

.el-date-table td.in-range.start-date div, .el-date-table td.in-range div, .el-date-table td.in-range.end-date div {
    background-color: #12336a !important;
}

/* Dialog */

.el-dialog, .el-message-box {
    background-color: #25254e !important;
    border: 1px solid #092c50 !important;
}

.el-dialog__title, .el-form-item__label {
    color: #d5f0ff !important;
}

.el-button {
    height: 40px;
}

.el-dialog__footer .el-button--default > span, .el-dialog__body .el-button--default > span, .el-message-box .el-button--default:not(.el-button--primary) > span {
    color: #12336a !important;
}

.fixbg {
    width: inherit;
    height: inherit;
}

/* Step */

.el-step__icon {
    width: 70px !important;
    height: 70px !important;
    font-size: 24px !important;
}

.el-step.is-horizontal .el-step__line {
    top: 36px !important;
}

.el-step__title.is-process {
    color: #d5f0ff !important;
}

.el-step__title.is-finish, .el-step__title.is-success {
    /* color: #409EFF !important; */
}

.el-step__head.is-success .el-step__icon {
    background-color: #072b0d !important;
}

.el-step__head.is-finish .el-step__icon {
    /* background: linear-gradient(to bottom, #196dc4, #063264); */
    /* color: #6698b3; */
}

/* Upload */

.el-upload .el-upload-dragger {
    background: #112e5d;
    border: 1px dashed #d9d9d9;
    width: 100%;
    height: 100%;
}

.el-upload--text {
    /* border: 1px dashed #26b1f9; */
    /* background: #112e5d; */
    padding: 5px;
    border: none;
    background: linear-gradient(to right, #26b1f9, #26b1f9) left top no-repeat, linear-gradient(to bottom, #26b1f9, #26b1f9) left top no-repeat, linear-gradient(to left, #26b1f9, #26b1f9) right top no-repeat, linear-gradient(to bottom, #26b1f9, #26b1f9) right top no-repeat, linear-gradient(to right, #26b1f9, #26b1f9) left bottom no-repeat, linear-gradient(to top, #26b1f9, #26b1f9) left bottom no-repeat, linear-gradient(to left, #26b1f9, #26b1f9) right bottom no-repeat, linear-gradient(to top, #26b1f9, #26b1f9) right bottom no-repeat;
    background-size: 2px 12px, 12px 2px, 2px 12px, 12px 2px;
}

/* Css fixes */
.el-alert--success.is-dark {
    background-color: transparent !important;
}

.el-alert--error.is-dark {
    background-color: transparent !important;
}

.textright.btnlist > button {
    margin-right: 10px;
}

/* Tags */

.grid3.utaglist {
    display: inline-flex;
    flex-wrap: wrap;
}

.utaglist .utag {
    display: inline-block;
    width: inherit;
    padding: 0px 5px;
}

/* Tree */

.el-tree {
    background-color: transparent !important;
}

.el-tree-node__label {
    font-size: 16px !important;
}

.el-tree-node__content {
    height: 40px !important;
}

.el-tree-node__content:hover {
    background: linear-gradient(to right, #1b3876, #041944);
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #03bdf9, #041944) 1;
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: #409eff !important;
    color: #333;
    text-shadow: #fff 1px 0 10px;
    font-weight: bold;
}

.el-tree > .el-tree-node > .el-tree-node__content:first-child {
    
}

/* 选中子节点，然后折叠父节点，父节点的背景颜色变化 */
.el-tree-node:focus > .el-tree-node__content {
    background-color: transparent !important;
}

/* Drawer */

.el-drawer {
    background-color: #0c3367 !important;
    padding: 30px;
    border-left: 1px solid #26b1f9 !important;
}

/* Tab */

.el-tabs__item.is-top.is-active {
    background: linear-gradient(to right, #2065ce, #3c7dde) !important;
    border-color: #0af !important;
    color: #fff !important;
}